.main-search{
    float: right;
    padding: 10px;
    input[type='text']{
        display: none;
        height: 30px;
        width: 130px;
        padding-left: 5px;
        font-size: 0.625em;
        border: 1px solid $ml-border-color;
        border-right: none;
        vertical-align: top;
        
        @include boxSizing(border-box);
        -webkit-border-top-left-radius: 5px;
        -webkit-border-bottom-left-radius: 5px;
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
        
        &:focus ~ .filters {
            height: auto;
            border: 1px solid $ml-border-color;
            border-top: none;
        }
    }
    button{
        display: inline-block;
        height: 30px;
        width: 30px;
        line-height: 28px;
        padding: 0;
        border: 1px solid $ml-border-color;
        vertical-align: top;
        background-color: #FFF;
        color: $ml-main-color;
        
        @include boxSizing(border-box);
        @include borderRadius();
        &:hover{
            border-color: $ml-main-color-dark;
            color: #FFF;
            background-color: $ml-main-color;   
        }
    }
}

@include min-screen ($vw-small) {
    .main-search{
        float: left;
        input[type='text']{
            display: inline-block;
            padding-left: 15px;
            width: 210px;
            height: 40px;
            font-size: 0.8125em;
        }
        button{
            width: 50px;
            height: 40px;
            line-height: 38px;
            -webkit-border-top-left-radius: 0px;
            -webkit-border-bottom-left-radius: 0px;
            border-top-left-radius: 0px;
            border-bottom-left-radius: 0px;
        }
    }
}

@include min-screen ($vw-medium) {
    .main-search{
        input[type='text']{
            width: 215px;
        }
    }
}

@include min-screen ($vw-large) {
    .main-search{
        input[type='text']{
            width: 450px;
        }
    }
}